一、基本的html标记及属性的应用

文本格式预定义标记:<pre>….</pre>(保留文本的原始格式)在这标记之间的文本在浏览器中的显示效果与在编辑程序中看到的一样。

图像标记： 标记包含src属性。Src的属性值是所引用图像的url地址。该地址既可以是绝对地址也可以是相对地址。包含以下属性：

• alt:替代文本
• border:图像的边框，属性值为像素。
• Width:图像的宽度。
• height:图像的高度。

Align:图像的对齐方式：
1）水平对齐方式：left ，right
2）垂直对齐方式：top，middle，bottom
Hspace：定义水平间距，单位像素
Vspace：定义垂直间距，单位像素
<IMG style="FILTER: gray(color=#ffedff)" src="你需要的图片">

掌握HTML语言的各种标记和标记的属性及属性值，区分每个元素的属性，逐步操作每个代码，同时查看效果。

二、列表标记

列表是HTML网页中重要的元素，列表是作用相当于文字处理软件中的“项目符号与编号”。HTML中规定了多种列表元素。列表分为无序列表和有序列表。

1. 无序列表：
   是由<ul>和<li>元素定义的。无序列表的默认符号是圆点。 <ul>元素包含type属性，通过定义不同的type属性可以改变列表的项目符号。 Type属性包括disc（圆）,circle（圆圈）,square（方块）
   
   <ul type=“”>…</ul> 符号列表标记
   应用实例：<ul type=“square”>
   <li> 事业的意义在于献身 </li>
   <li> 科学的意义在于求真</li>
   <li> 艺术的意义在于创新</li>
   </ul>
   也可以在<li>中继续加type单独设定
   
2. 有序列表
   是由<ol>和<li>元素定义的。 <ol>元素也包含type属性， type属性值有1 (阿拉伯数字1)、a(小写字母a) ，A，I，i等。 <ol>元素还可以定义列表的起始编号，需用start属性。
   
   例子：
   <ol type=“i”>
   <li>教学是事业</li>
   <li>教学是科学</li>
   <li>教学是艺术</li>
   </ol>
   
   

三、链接标记：<a>…</a>

1. <a href="资源地址">链接文字</a>
2. 标签<a>表示一个链接的开始
3. </a>表示链接的结束；“href”属性:定义了这个链接所指的地方

1. href=后面的是要链接的文件的路径
2. title属性：设置鼠标提示信息
3. target=后面的是打开的窗口的属性(默认的是本窗口)可选参数有：
   target=_blank   //这样会打开一个新窗口
   target=_self   //同一窗口
   

目录链接：

1. 把某段落设置为链接位置，格式是<A NAME="链接位置名称"></A>在调用此链接部分的文件，定义连接：<A HREF="文件名＃链接位置名称">链接文字</A>
   如果是在一个文件内跳转，文件名可以省略不写。注：跳转到页面的另外一个地方例子：<a name=“aa"> ... </a><a href="#aa"> ... </a>
2. 空链接：<a href=“#”>…</a>
3. 运用脚本语言做链接

四、小 Demo

鼠标点击显示下划线，鼠标移开则无下划线，示例如下所示：

五、定义框架链接